<template>
  <van-tabbar v-model="active" z-index="999" class="tabbar">
    <van-tabbar-item>首页</van-tabbar-item>
    <van-tabbar-item>AI营养师</van-tabbar-item>
    <van-tabbar-item>收藏夹</van-tabbar-item>
    <van-tabbar-item>我的</van-tabbar-item>
  </van-tabbar>
</template>

<script setup>
import { ref } from 'vue'
const active = ref(0)
</script>

<style scoped lang="scss">
.tabbar {
  background-color: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}
</style>
